<template>
    <div class="bc-container">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/DueDiligence' }">企业尽职调查</el-breadcrumb-item>
            <el-breadcrumb-item :to="{ path: '/SCAuth' }">报告授权</el-breadcrumb-item>
            <el-breadcrumb-item class="bc-item">信息授权</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <div class="pdf-report">
        <el-scrollbar height="100%">
            <vue-pdf-embed :source="pdfState.url" v-for="page in pdfState.numPages" :page="page"
                :key="page" textLayer ref="vuePdfRef" />
        </el-scrollbar>
    </div>
</template>
<script setup>
import { ref, reactive } from "vue"
// 引入PDF
import VuePdfEmbed from "vue-pdf-embed";
import { createLoadingTask } from "vue3-pdfjs/esm";
import pdfUrl from "../../../assets/pdf/sq.pdf"

const pdfState = reactive({
    url: pdfUrl,
    // 当前页
    pageNum: 1,
    // 总页数
    numPages: 1,
})

</script>
<style lang="less" scoped></style>
